<style scoped>
</style>
<template>
  <ListSlot v-bind="$props">
    <template #default="{row,index}">
      <PageBlock v-for="child in _children_" v-bind="child" :info="row"></PageBlock>
    </template>
  </ListSlot>
</template>

<script>
import PageBlock from "@/components/auto_import/PageBlock.vue";
import ListSlot from "@/components/slot/ListSlot.vue";
import RequestListCategorySlot from "@/components/slot/RequestListCategorySlot.vue";

/**
 * @prop {*}
 */
export default {
  _title_: '列表',
  _tip_: '列表容器，循环渲染子组件，每一项作为子组件的$info',
  _css_var_: {
    ...ListSlot._css_var_,
  },
  _head_img_: '',
  _group_: '容器组件',
  components: {RequestListCategorySlot, ListSlot, PageBlock},
  props:{
    list: {
      type: [Array,Object],
      default: [],
      _label_: '列表数据',
      _tip_: '',
      _required_: true,
      _input_type_: 'SelectList',
    },
    title: {
      type: String,
      _label_: '列表标题',
      _tip_: '显示在列表左上角的标题，如果为空，表示不显示',
    },
    link_href: {
      type: String,
      _label_: '跳转链接',
      _tip_: '标题点击后的跳转地址，为空不会显示右侧箭头和链接文本',
    },
    link_text: {
      type: String,
      _label_: '链接文本',
      _tip_: '标题右侧的链接文本',
    },
    cols: {
      type: [String, Number],
      _label_: '分栏数量',
      _tip_: '项目列表的分栏数量，1-5，默认为：1',
    },
    mode: {
      type: String,
      _label_: '列表模式',
      _tip_: 'round、round_list、round_row、其他。分别表示整体圆角、列表圆角、每一项圆角、无圆角',
    },
    _children_: Array,
  },
  data(){
    return {}
  },
  methods:{
  },
  computed:{
  },
  mounted(){
  }
}
</script>